<!doctype html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="stylesheet" href="style.css">
    <link id="flipper-theme-import" rel="stylesheet">
    <link rel="stylesheet" href="graphiql/graphiql.css">
    <link rel="stylesheet" href="vis/vis.min.css">
    <title>Flipper</title>
  </head>
  <body>
    <div id="root"></div>
    <script>
      global.electronRequire = window.require;
    </script>
    <script>
      // load correct theme (n.b. this doesn't handle system value specifically, will assume light in such cases)
      try {
        if (JSON.parse(window.process.env.CONFIG).darkMode === 'dark') {
          document.getElementById('flipper-theme-import').href="themes/dark.css";
        } else {
          document.getElementById('flipper-theme-import').href="themes/light.css";
        }
      } catch(e) {
        console.error("Failed to initialize theme", e);
        document.getElementById('flipper-theme-import').href="themes/light.css";
      }
    </script>
    <script src="bundle.js"></script>
  </body>
</html>
